@charset "utf-8";
@import url(./common.less);

.reg-content {
	width: 894px;
	margin: 78px auto 0;

	.reg-tit {
		font-size: 25px;
		line-height: 36px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 52px;
	}

	.select-box {
		width: 400px;
		margin: 0 auto;
		position: relative;
	}

	.tishi {
		font-size: 12px;
		color: rgba(0, 0, 0, 0.3);
		margin: 10px auto 18px;
	}

	.select {
		background: #f7f7f7;
		border-radius: 9px;
		position: relative;

		div {
			width: 90px;
			height: 45px;
			font-size: 12px;
			line-height: 45px;
			text-align: center;
			position: absolute;
			left: 0;

			&::after {
				content: "";
				background: #d8d8d8;
				height: 12px;
				position: absolute;
				right: 0;
				top: 18px;
				width: 1px;
			}
		}

		input {
			display: block;
			outline: none;
			box-sizing: border-box;
			padding: 0 10px 0 90px;
			text-indent: 16px;
			width: 100%;
			height: 45px;
			border-radius: 9px;
			border: none;
			background: #f7f7f7;
			font-size: 12px;
			text-indent: 16px;
		}

		span {
			position: absolute;
			right: 10px;
			top: 12px;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}

	}

	.select-down {
		background: url(../images/login/select-down.png) no-repeat center center;
		background-size: contain;

	}

	.select-up {
		background: url(../images/login/select-up.png) no-repeat center center;
		background-size: contain;
	}

	.zone_dlg1,
	.zone_dlg2 {
		background: #f7f7f7;
		border: 1px solid #f7f7f7;
		border-radius: 9px;
		box-sizing: border-box;
		height: 363px;
		margin-top: 9px;
		overflow: hidden;
		position: absolute;
		width: 100%;
		z-index: 999;

		.zoneInput_scroll {
			box-sizing: border-box;
			height: 100%;
			overflow-y: scroll;
			padding: 8px 10px;

			.zone_dlg_search {
				width: 100%;
				outline: none;
				background: url(../images/login/sousuo.png) no-repeat;
				background-position: 10px;
				background-size: 20px 19px;
				border: none;
				border-radius: 8px;
				color: #9b9b9b;
				padding-bottom: 0;
				text-indent: 34px;
				background-color: #fff;
				height: 34px;
				line-height: 1;
				padding-left: 0;
			}

			.zone_region_common {
				border-bottom: 1px solid #efefef;
				box-sizing: border-box;
				color: #4d4d4d;
				font-size: 14px;
				height: 40px;
				line-height: 40px;
				padding: 0 16px;
				text-align: left;
			}

			.zone_region_list {
				padding: 0 16px;
				user-select: none;

				li {
					color: #000;
					font-size: 14px;
					height: 40px;
					line-height: 40px;
					text-align: left;

					span {
						float: right;
						color: #999;
					}

					&:hover {
						opacity: .8;
					}
				}
			}
		}
	}
}

.info-box {
	width: 400px;
	margin: 0 auto;

	.error {
		color: red;
		font-size: 12px;
		margin: 6px auto 6px 2px;
	}

	.phone {
		position: relative;
		margin: 9px auto;

		.select2 {
			background: #f7f7f7;
			border-radius: 9px;
			width: 77px;
			position: absolute;
			left: 0;
			top: 0;

			input {
				width: 55px;
				height: 45px;
				box-sizing: border-box;
				padding-right: 14px;
				display: block;
				outline: none;
				border-radius: 9px;
				border: none;
				background: #f7f7f7;
				font-size: 12px;
				text-align: right;

			}

			span {
				position: absolute;
				right: 10px;
				top: 12px;
				width: 24px;
				height: 24px;
				cursor: pointer;
			}

			&::after {
				background: #d8d8d8;
				content: "";
				height: 12px;
				position: absolute;
				right: 0;
				top: 18px;
				width: 1px;
			}
		}

		.phone-actived {
			text-indent: 93px;
		}

		>input {
			width: 400px;
			display: block;
			outline: none;
			height: 45px;
			border-radius: 9px;
			border: none;
			background: #f7f7f7;
			font-size: 12px;
			text-indent: 16px;
		}

		.pwd-icon {
			width: 24px;
			height: 24px;
			cursor: pointer;
			position: absolute;
			right: 12px;
			top: 12px;
			background: url(../images/login/login_pwd.png) no-repeat center center;
			background-size: contain;
		}

		.pwd-icon1 {
			background: url(../images/login/login_pwd_actived.png) no-repeat center center;
			background-size: contain;
		}

	}

	.yzm {
		margin: 9px auto;

		input {
			float: left;
			width: 305px;
			margin-right: 5px;
			display: block;
			outline: none;
			height: 45px;
			border-radius: 9px;
			border: none;
			background: #f7f7f7;
			font-size: 12px;
			text-indent: 16px;
		}

		.yzm-btn {
			float: right;
			width: 72px;
			border: 1px solid #2ad181;
			background: #2ad181;
			border-radius: 9px;
			color: #fff;
			cursor: pointer;
			font-size: 12px;
			height: 43px;
			line-height: 45px;
			padding: 0 8px;
			text-align: center;
			transition: .1s;
		}

		.btn-dis {
			background-color: #000;
			border-color: #000;
			cursor: not-allowed;
			opacity: .15;
		}
	}

	.zhengce {
		margin: 9px auto;

		input {
			margin-right: 4px;
			vertical-align: middle;
		}

		span {
			font-size: 12px;
			line-height: 18px;

			a {
				color: #2ad181;
			}
		}
	}

	.reg-btn {
		width: 100px;
		height: 39px;
		background: #2ad181;
		border-radius: 9px;
		line-height: 39px;
		font-size: 15px;
		color: #fff;
		cursor: pointer;
		text-align: center;
		margin: 37px auto 9px;
	}

	.reg-btn-disable {
		opacity: .3;
	}
}

.copyright {
	margin-top: 57px;
	width: 100%;
	text-align: center;
	color: #9b9b9b;
	font-size: 12px;
}